.detailList {
  font-size: 28rpx;
  position: relative;
  .detail_swiper{
    width: 100%;
    position: relative;
    overflow: hidden;
    .swiper_view_item .image_{
      width: 100%;
      height: 100%;
    }
  }
  .detail_pic{
    width: 100%;
    
  }
  .detail_swiper_index{
    position: absolute;
    top: 6rpx;
    right: 10rpx;
    color: #ffffff;
    background: rgba(3, 3, 3, .5);
    border-radius: 20rpx;
    padding: 4rpx 8rpx;
  }
  .detail_content{
    padding: 30rpx;
    .detail_info{
      display: flex;
      flex-direction: row;
      justify-content: space-between;
      align-items: center;
      .info_left{
        
        .info_img{
          width: 80rpx;
          height: 80rpx;
          border-radius: 50%;
          margin-right: 15rpx;
        }
        .info_name{
          font-weight: 600;
        }
      }
      .info_interest{
        padding: 20rpx 30rpx;
        border: 2rpx solid #F23232;
        border-radius: 30rpx;
        padding: 4rpx 20rpx;
        color: #F23232;
      }
    }
    .content_{
      margin-top: 30rpx;
      padding-bottom: 30rpx;
      border-bottom: 2rpx solid #e7e7e7;
      .content_title{
        color: #000000;
      }
      .content_from{
        margin-top: 30rpx;
        color: #ab9d96;
        font-size: 22rpx;
      }
    }
    .comment_{
      margin-bottom: 150rpx;
      letter-spacing: 2rpx;
      .comment_listNum{
        color: #666666;
        font-size: 26rpx;
        margin-top: 30rpx;
      }
      .comment_info{
        margin: 30rpx 0;
        display: flex;
        flex-direction: row;
        .comment_info_img{
          width: 60rpx;
          height: 60rpx;
          border-radius: 50%;
          margin-right: 20rpx;
        }
        .comment_inputAll{
          flex: 1;
          height: 60rpx;
          display: flex;
          align-items: center;
          flex-direction: row;
          background: #f4f4f6;
          border-radius: 30rpx;
          .comment_input{
            flex: 1;
            padding-left: 20rpx;
            height: 100%;
            font-weight: 400;
            color: #333333;
          }
          .comment_input_view{
            flex: 1;
            padding-left: 20rpx;
            height: 100%;
            font-weight: 400;
            color:#b6b6b6;
            font-size:26rpx;
            display: flex;
            align-items: center;
          }
          .comment_other{
            // width: 20rpx;
            .pic_image{
              width: 36rpx;
              height: 36rpx;
              margin-right: 20rpx;
            }
          }
        }
      }
      .comment_list{
        width: 100%;
        .comment_listItem{
          display: flex;
          flex-direction: row;
          .comment_listItem_one_img{
            width: 50rpx;
            height: 50rpx;
            border-radius: 50%;
            margin-right: 20rpx;
          }
          .comment_listItem_one_content{
            flex: 1;
            .comment_listItem_one_top{
              display: flex;
              flex-direction: row;
              .comment_listItem_one_left{
                flex: 1;
                .comment_listItem_one_name{
                  color: #b4b4b4;
                  .one_author{
                    padding: 4rpx 8rpx;
                    background: #f4f4f4;
                    color: #333333;
                    border-radius: 20rpx;
                    font-size: 24rpx;
                  }
                }
                .comment_listItem_one_top_name{
                  display: flex;
                  flex-direction: row;
                  align-items: center;
                  .one_content{
                    color: #000000;
                  }
                  .one_time{
                    margin-left: 10rpx;
                    color: #b4b4b4;
                    font-size: 26rpx;
                  }
                  .one_btn{
                    margin-left: 10rpx;
                    color: #999999;
                    font-size: 26rpx;
                  }
                }
              }
              .comment_listItem_one_right{
                width: 30rpx;
                height: 30rpx;
              }
            }
            .comment_listItem_two{
              margin-top: 30rpx;
              .two_item{
                margin-bottom: 20rpx;
                display: flex;
                flex-direction: row;
                .two_item_img{
                  width: 40rpx;
                  height: 40rpx;
                  border-radius: 50%;
                  margin-right: 20rpx;
                }
                .two_item_content{
                  flex: 1;
                  .two_item_content_name{
                    color: #b4b4b4;
                    
                    .two_author{
                      padding: 4rpx 8rpx;
                      background: #f4f4f4;
                      color: #333333;
                      border-radius: 20rpx;
                      font-size: 24rpx;
                    }
                  }
                  .two_item_content_all{
                    display: flex;
                    flex-direction: row;
                    align-items: center;
                    .two_content{
                      color: #000000;
                    }
                    .two_time{
                      margin-left: 10rpx;
                      color: #b4b4b4;
                      font-size: 26rpx;
                    }
                    .two_btn{
                      margin-left: 10rpx;
                      color: #999999;
                      font-size: 26rpx;
                    }
                  }
                }
                .comment_listItem_two_right{
                  width: 30rpx;
                  height: 30rpx;
                }
              }
            }
          }
        }
      }
    }
    .bottom_fixd{
      padding: 0 40rpx;
      height: 150rpx;
      z-index: 2;
      position: fixed;
      bottom: 0;
      left: 0;
      right: 0;
      background: #ffffff;
      
      .bottom_one{
        margin-top: 30rpx;
        display: flex;
        flex-direction: row;
        align-items: center;
        .bottom_fixd_input{
          background: #f4f4f4;
          border-radius: 40rpx;
          height: 60rpx;
          flex: 1;
          // padding: 0 30rpx;
          margin-right: 30rpx;
          flex-direction: row;
          .bottom_fixd_input_icon{
            width: 26rpx;
            height: 26rpx;
            margin: 0 10rpx 0 20rpx;
          }
          .bottom_fixd_input_{
            flex: 1;
            height: 100%;
            padding: 0 20rpx 0 5rpx;
          }
          .bottom_fixd_input_view{
            flex: 1;
            height: 100%;
            padding: 0 20rpx 0 5rpx;
            font-weight: 400;
            color:#b6b6b6;
            font-size:26rpx;
            display: flex;
            align-items: center;
          }
        }
        .bottom_fixd_one{
          flex-direction: row;
          margin-right: 30rpx;
          .bottom_fixd_img{
            width: 40rpx;
            height: 40rpx;
            margin-right: 10rpx;
          }
          .bottom_fixd_num{
            font-weight: 600;
            color: #333333;
            font-size: 28rpx;
          }
        }
      }
    }
  }
  .absolute_input{
    position: absolute;
    top: -50rpx;
    width: ~'calc(100% - 40rpx)';
    padding: 10rpx 20rpx;
    background: #ffffff;
    .independence{
      background: #f4f4f4;
      border-radius: 40rpx;
      height: 60rpx;
      width: 100%;
      flex-direction: row;
      .independence_input_icon{
        width: 26rpx;
        height: 26rpx;
        margin: 0 10rpx 0 20rpx;
      }
      .independence_input{
        flex: 1;
        height: 100%;
        padding: 0 20rpx;
      }
      .pic_image{
        width: 36rpx;
        height: 36rpx;
        margin-right: 20rpx;
      }
    }
  }
}